<template>
    <footer>
        <img src="../../static/images/logo-l.png" alt="" class="logo">
        <div class="footer-content">

        </div>
    </footer>
</template>

<script>
    export default {
        name: "my-footer"
    }
</script>

<style scoped>

    /*footer*/

    footer {
        min-width: 1200px;
        position: relative;
        height: 150px;
        background-color: #004a98;
        width: 100%;
        box-sizing: content-box;
        padding-top: 120px;
        background: url("../../static/images/bg/page_bg.jpg");
    }
    footer>.footer-content{
        height: 150px;
        background: url("../../static/images/bg/footer_bg .jpg");
        background-size: 100% 100%;
    }
    footer > img.logo {
        position: absolute;
        width: 200px;
        height: 200px;
        top: 20px;
        left: calc(50% - 100px);
    }

</style>
